<template>
  <div class="topBar">
    <search :info="'搜索视频/电影/综艺'" :selectIndex="1" :config="config"></search>
    <img :src="config.search.history" alt="" style="width: 18px;height: 18px;z-index: 1">
    <img :src="config.search.add" style="width: 18px;height: 18px;z-index: 1">
  </div>
</template>

<script>
import Search from "@/components/content/searchbar/search.vue";

export default {
  name: "TopBarDiscover",
  components: {
    Search
  },
  data() {
    return {
      config: {
        index: 0,
        search: {
          history: require('@/assets/icon/index/history1.png'),
          add: require('@/assets/icon/index/chat.png')
        },
        nav: {
          style: {
            color: 'black'
          }
        }
      },
      historyIcon: require('@/assets/icon/index/history.png'),
      addIcon: require('@/assets/icon/index/chat.png')
    }
  }
}
</script>

<style scoped lang="scss">
.topBar{
  display: flex;
  flex-direction: row;
  align-items: center;

  margin-top: 20px;
  justify-content: space-around;
}

</style>
